.category {
  padding: {
    top: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
  }

  .title {
    font-weight: bold;
    font-size: 1.3rem;
  }

  .list {
    //display: flex;
    //justify-content: space-between;
    //flex-wrap: wrap;
    //flex-direction: column;
    column-count: 2;
    column-gap: 0;
    column-rule: 5px;
    // display: flex;
    // flex-direction: column;
    // flex-wrap: wrap;
    // max-height: 100vh;
    // overflow-y: scroll;
    margin: {
      top: 1.25rem;
    }

    .listItem {
      // This the line code is awesome!
      break-inside: avoid;
      position: relative;
      max-width: 98%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: {
        top: 0.3125rem;
      }

      .listItemBottom {
        position: absolute;
        width: 90%;
        bottom: 5%;
        color: white;
      }

      img {
        width: 100%;
      }
    }
  }
}
